<template>
  <div class="history">
    <nav-bar>
      <template v-slot:left>
        <div class="left" @click="goBack">
          <img src="~assets/img/profile/left.png" alt="" />
        </div>
      </template>
      <template v-slot:center>浏览记录</template>
    </nav-bar>
    <history-list
      v-for="item in $store.state.browsingHistoryList"
      :key="item.id"
      :info="item"
    />
  </div>
</template>

<script>
import HistoryList from "@/views/profile/childComps/HistoryList";
import NavBar from "@/components/common/navbar/NavBar";
export default {
  name: "History",
  components: {
    HistoryList,
    NavBar,
  },
  methods: {
    goBack() {
      this.$router.go(-1);
    },
  },
};
</script>

<style scoped></style>
